<template>
    <div class="xiangqingBox">
        <xiangQingImg :id = "id"></xiangQingImg>
        <xiangQingDz></xiangQingDz>
        <xiangQingTs></xiangQingTs>
        <xiangQingpl></xiangQingpl>
        <xiangQinftj></xiangQinftj>
        <xiangQingNav></xiangQingNav>
    </div>
  
</template>
<script setup lang='ts'>
import xiangQingImg from '@/components/xqtupian.vue';
import xiangQingDz from '@/components/xqdizhi.vue';
import xiangQingTs from '@/components/xqtishi.vue';
import xiangQingpl from '@/components/xqpinglun.vue';
import xiangQinftj from '@/components/xqtuijian.vue';
import xiangQingNav from '@/components/xqneirong.vue';
import { useRoute,useRouter } from 'vue-router';
let router = useRouter()
let route = useRoute();
let id = route.query.id; 
</script>
<style scoped>
.xiangqingBox {
   margin-bottom: 1.2rem;
}
</style>